<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
			
		
		<style>
			span{
				font-size:20px; background-color:bisque;    /* 选择器 */
			}
		</style>
		<link type="text/css"  rel="stylesheet" href="../css/021CSS.css" />
	</head>
	<body>
		<span>我</span>
		<span>你</span>	
		<!-- 第一种方式：行内式引入 借助标签的style属性引入 style属性中的值语法为：样式名：样式值；样式名：样式值.......
		 第二种方式：内嵌式 将CSS样式的代码抽取出来 通过选择器确定样式作用范围 在head标签中 使用一对style标签 定义css样式（减少相同代码的编写量 减少代码的维护工作量
		 第三者方式：链接式 行内式只能将样式作用于当前标签 内嵌式可以将样式作用于多个标签 不能作用于其他网页 链接式可以将样式的作用范围扩大至多个不同网页
		 链接式可以将CSS代码放入独立的.css文件中 可以使当前页面更加简洁 每一个需要引入样式的HTML 在head标签中使用link标签引入css文件即可
		 第一种大于第二种和第三种 离第一种近的就使用那一种就近原则-->
	</body>
</html>